$(document).ready(function() {
	console.info("asasas");

	// 购物车图标,绑定hover事件
	$(".topbar-cart").hover(
		// 改变css样式
		// 当鼠标悬浮时触发的函数
		function() {
			$(this).css({
				backgroundColor: "#FFFFFF"
			})
			$(".topbar-cart a").css({
				color: "#ff6700"
			})
			$(".topbar-hide").slideDown(300);
		},
		// 当鼠标移出对象元素时触发的函数
		function() {
			$(this).css({
				backgroundColor: "#424242"
			})
			$(".topbar-cart a").css({
				color: "#b0b0b0"
			})
			$(".topbar-hide").slideUp(300);
		}
	)

	// 头部标签，绑定hover事件
	/*$(".head-nav ul:first-child").hover(
		function() {
			$(".head-hide").slideDown(300);
		},
		function() {
			$(".head-hide").slideUp(300);
		}
	)*/

	var $headNav_li = $(".head-nav li")
	$headNav_li.hover(
		function() {
			// 获取当前元素的序列值
			var index = $headNav_li.index(this);
			$(".head-hide")
				.eq(index).fadeIn(0);
		},
		function() {
			$(".head-hide").hide(0);
		}
	);

	// 侧边栏
	var $sNav = $(".s-nav");
	// 侧边栏鼠标悬浮样式
	$sNav.hover(
		function() {
			$(this).addClass("selectedli")
				.siblings().removeClass("selectedli")
		},
		function() {
			$(this).removeClass("selectedli")
		}
	)
	// 显示隐藏部分
	$sNav.hover(
		function() {
			var index = $sNav.index(this);
			$(".sidenavChild")
				.eq(index).fadeIn(0)
		},
		function() {
			$(".sidenavChild").hide()
		}
	)

	// 轮播图按钮悬浮样式
	var $circleBtn = $(".circle-btn");
	$circleBtn.hover(
		function() {
			$(this).addClass("circle-selected")
				.siblings().removeClass("circle-selected")
		},
		function() {
			$(this).removeClass("circle-selected")
		}
	)
	$circleBtn.click(function() {
		$(this).addClass("circle-selected2")
			.siblings().removeClass("circle-selected2")
		// 获取当前元素的序列值
		var index = $circleBtn.index(this)
		$(".showtop-img div")
			.eq(index).fadeIn(300)
			.siblings().hide(300)

		clearInterval(imm);
	})

	// 定时器，轮播主页图片
	// .eq()方法序列从0开始
	var imgCount = 1;

	function imgTimer() {
		// console.info(imgCount)
		// 改变图片
		$(".showtop-img div")
			.eq(imgCount).fadeIn(300)
			.siblings().hide(300)
		// 改变原型按钮样式	
		$(".circle-btn")
			.eq(imgCount).addClass("circle-selected2")
			.siblings().removeClass("circle-selected2")
		if(imgCount < 4) {
			imgCount++;
		} else {
			imgCount = 0;
		}
	}
	// 调用图片轮播计时器
	var imm = self.setInterval(imgTimer, 8000);

	// 右侧固定栏鼠标悬浮样式
	$(".fix-right li").hover(
		function(){
			$(this).find(".fix-side-img").css({
				top:"-52px"
			})
		},
		function(){
			$(".fix-side-img").css({
				top:"-16px"
			})
		}
	)
	
	// 主体部分鼠标悬浮动画
	var $bdChd =  $(".bd-chd");
	$bdChd.hover(
		function(){
			$(this).find(".bdhide").animate({
				top:"225px"
			},200);
		},
		function(){
			$(this).find(".bdhide").animate({
				top:"301px"
			},200);
		}
	)
	
	/*主体部分,改变鼠标悬浮的标题,展示相应商品*/
	var $brickNavLi = $(".brick-nav li");
	$brickNavLi.hover(
		function(){
			$(this).addClass("brick-nav-selected-li")
				.siblings().removeClass("brick-nav-selected-li");
			// 获取当前袁元素的序列值
			var index = $brickNavLi.index(this);
			console.info(index);
			$(".bd-right").hide(0)
			.eq(index).show(0);
		}
	)
})